.content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.main-maximize {
  .ant-tabs,
  .ant-layout-sider,
  .ant-layout-header,
  .ant-layout-footer,
  .sider-split {
    display: none !important;
  }
}

.mask-image {
  padding-right: 50px;
  mask-image: linear-gradient(90deg, #000000 0%, #000000 calc(100% - 50px), transparent);
}

.mt-loop (@i: 0) when (@i <= 100) {
  .mt@{i} {
    margin-top: ~"@{i}px !important";
  }
  .mr@{i} {
    margin-right: ~"@{i}px !important";
  }
  .mb@{i} {
    margin-bottom: ~"@{i}px !important";
  }
  .ml@{i} {
    margin-left: ~"@{i}px !important";
  }
  .pt@{i} {
    padding-top: ~"@{i}px !important";
  }
  .pr@{i} {
    padding-right: ~"@{i}px !important";
  }
  .pb@{i} {
    padding-bottom: ~"@{i}px !important";
  }
  .pl@{i} {
    padding-left: ~"@{i}px !important";
  }
  .mt-loop(@i + 1);
}

.mt-loop();
